<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文本输入框相关</title>
    <style>
        input, textarea {
            outline: none;
        }
        textarea {
            resize: none;
            vertical-align: middle;
        }
        .xxT {
            background-color: orange;
            width: 200px;
            height: auto;

            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;

        }

        .two {
            background-color: pink;
            width: 200px;
            height: auto;

            overflow: hidden;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }
    </style>
</head>
<body>
    <input type="text">
    <textarea name="" id="" cols="30" rows="10"></textarea>请输入意见
    <div class="xxT">
        这是所有的文字哦这是所有的文字哦这是所有的文字哦这是所有的文字哦这是所有的文字哦
    </div>
    <div class="two">
        这是所有的文字哦这是所有的文字哦这是所有的文字哦这是所有的文字哦这是所有的文
        字哦这是所有的文字哦这是所有的文字哦这是所有的文字哦这是所有的文字哦这是所有
        的文字哦这是所有的文字哦这是所有的文字哦这是所有的文字哦这是所有的文字哦这是所有的文字哦
    </div>
</body>
</html>